<template name="pay">
  <form @submit="calculationPay" @reset="resetPay">
    <view class="pay body">
      <view class="list">
        <view class="title">缴存基数</view>
        <view class="right">
          <input name="base" placeholder="2200-27927" placeholder-class="input-placeholder" type="number">
          <text class="company">元</text>
        </view>
      </view>
      <view class="list">
        <view class="title">缴存比例</view>
        <view class="right">
          <input name="proportion" placeholder="5-12" placeholder-class="input-placeholder" type="number">
          <text class="company">%</text>
        </view>
      </view>
    </view>
    <view class="control-group">
      <button form-type="reset" class="reset" hover-class="btn">清空</button>
      <button form-type="submit" class="submit" hover-class="btn">开始计算</button>
    </view>
    <view class="pay-result loan-result">
      <view class="rseult-border">
        <view class="pay-number-result">{{result}}</view>
        <view class="result-title">缴纳总额（元）</view>
        <view class="detail">
          <view class="self">
            <text class="pay-number">{{self}}</text>
            <text class="pay-desc">个人缴纳（元）</text>
          </view>
          <view class="comp">
            <text class="pay-number">{{comp}}</text>
            <text class="pay-desc">单位缴纳（元）</text>
          </view>
        </view>
      </view>
      <view class="desc">结果仅供参考，最终结果以正式审批为准。</view>
    </view>
  </form>
</template>